{% extends "element/saas/base_mini.html" %}
{% load future wenlincms_tags staticfiles wlcore_tags report_tags %}

{% block meta_title %}我的账户{% endblock %}

{% block main %}

    <div class="admin-content">
        <div class="am-g" id="saas_ucenter">
            <div class="am-u-sm-10" style="padding-right: 22px">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default basicinfo">

                    <div class="am-list-news-bd">
                        <ul class="am-list">
                            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                                <div class="am-u-sm-2 am-list-thumb">
                                    <img src="/static/element/report/tupu/img/man.png" alt="##" class="avatar"/>

                                    <div class="am-list-item-text">
                                        您好，{{ uc.title }}
                                    </div>
                                </div>

                                <div class="am-u-sm-3 am-list-main">
                                    <h3 class="am-list-item-hd">
                                        {% if uc.ctype == "1" %}
                                            <i class="am-icon-cc-visa ucicon"></i>
                                            余额
                                        {% else %}
                                            到期日期
                                        {% endif %}
                                    </h3>

                                    <div class="am-list-item-text">
                                        {% if uc.ctype == "1" %}
                                            {{ uc.yue }}
                                        {% else %}
                                            {{ uc.ktdate|date:"Y-m-j" }}
                                        {% endif %}
                                    </div>
                                    <div class="am-list-item-text" style="margin: 20px 0 0;">
                                        <a href="##" id="pwdbtn">修改密码</a>
                                    </div>
                                </div>
                                <div class="am-u-sm-3 am-list-main">
                                    <h3 class="am-list-item-hd">
                                        <i class="am-icon-modx ucicon"></i>
                                        账户类型
                                    </h3>

                                    <div class="am-list-item-text" style="padding-left: 12px;">
                                        {{ uc.get_ctype_display }}
                                    </div>
                                </div>
                                <div class="am-u-sm-3 am-list-main">
                                    <h3 class="am-list-item-hd">
                                        <i class="am-icon-bookmark ucicon"></i>
                                        关注企业
                                    </h3>

                                    <div class="am-list-item-text" style="padding-left: 30px;">
                                        0 个
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div data-am-widget="list_news" class="am-list-news am-list-news-default product">
                    <div class="am-list-news-bd">
                        <h4 class="secondtitle">我开通的产品</h4>
                        <ul class="am-list">
                            <li {% if "10" not in uc.quanxian %}class="notopen"{% endif %}>
                                <span class="am-icon-database icon"></span> 精准营销
                            </li>
                            <li {% if "20" not in uc.quanxian %}class="notopen"{% endif %}>
                                <span class="am-icon-connectdevelop icon"></span> 贷前审批
                            </li>
                            <li {% if "30" not in uc.quanxian %}class="notopen"{% endif %}>
                                <span class="am-icon-yelp icon"></span> 贷后监控
                            </li>
                            <li {% if "40" not in uc.quanxian %}class="notopen"{% endif %}>
                                <span class="am-icon-line-chart icon"></span> 宏观战略
                            </li>
                            <li {% if "50" not in uc.quanxian %}class="notopen"{% endif %}>
                                <span class="am-icon-globe icon"></span> 地理信息
                            </li>
                        </ul>
                    </div>
                </div>

                <div data-am-widget="tabs" class="am-tabs am-tabs-default" data-am-tabs="{noSwipe: 1}">

                    <h4 class="secondtitle">我的资费标准</h4>

                    <ul class="am-tabs-nav am-cf" id="ucenterTab">
                        <li class="am-active"><a href="[data-tab-panel-0]">资费标准</a></li>
                        <li class=""><a href="[data-tab-panel-1]">报告版本对比</a></li>
                    </ul>

                    <div class="am-tabs-bd">
                        <div data-tab-panel-0 class="am-tab-panel am-active">
                            <table class="am-table am-table-radius am-table-striped">
                                <thead>
                                <tr>
                                    <th width="120" style="padding-left: 15px;">资费项目</th>
                                    <th width="80">资费金额</th>
                                    <th width="400">资费说明</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for fc in fee_cre %}
                                    <tr>
                                        <td class="uctime">{{ fc.name }}</td>
                                        <td>￥{{ fc.fee }}</td>
                                        <td>{{ fc.faq }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div data-tab-panel-1 class="am-tab-panel">
                            <table class="am-table am-table-radius am-table-striped">
                                <thead>
                                <tr>
                                    <th width="280" style="padding-left: 15px;">维度</th>
                                    <th width="80">标准版征信报告</th>
                                    <th width="80">全景版征信报告</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="uctime">独家信用评分</td>
                                    <td>有</td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">工商基础（照面、股东高管、注册变更）</td>
                                    <td>有</td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">股东出资比例、高管生日</td>
                                    <td>有</td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">关联幕后（企业对外投资、法人对外投资、法人对外任职、分支机构）</td>
                                    <td>有</td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">关联幕后（股东高管对外投资、股东高管对外任职）</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">关联幕后（分期实缴认缴、股权转让）</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">风险失信（行政处罚、股权冻结出质、失信人等）</td>
                                    <td>有</td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">财务分析（年检、纳税、进出口）</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">资产交易（无形资产、土地、动产抵押等）</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">事件舆情</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                <tr>
                                    <td class="uctime">招标招聘</td>
                                    <td></td>
                                    <td>有</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="am-u-sm-2 ucnews" style="padding-left: 0">
                <h4 class="secondtitle" style="padding: 8px 0 0 0">
                    <i class="am-icon-clone ucicon"></i>公告与动态
                </h4>

                <div>
                    <ul class="am-list" id="ucenternews">
                        {% for msg in the_msgs %}
                            <li class="am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                                <div class="am-list-main">
                                    <h3 class="am-list-item-hd">
                                        {% if msg.url %}<a href="{{ msg.url }}" target="_blank">{{ msg.title }}</a>
                                        {% else %}{{ msg.title }}{% endif %}
                                    </h3>

                                    <div class="am-list-item-text">{{ msg.content|truncatechars:100 }}</div>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-alert" tabindex="-1" id="lessmoney">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">温馨提示</div>
            <div class="am-modal-bd" style="margin-top: 15px;">
                您好，您的余额不足，请及时充值！
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn">知道了</span>
            </div>
        </div>
    </div>
{% endblock %}

{% block footer_js %}
    {{ block.super }}
    <script>
        {#    监控余额#}
        var money ={{ uc.yue }};
        if (money < 100) {
            $("#lessmoney").modal('open')
        }
    </script>
{% endblock %}
